$Win-border-color:#eee;
$likey:#ff941a;
//$head_line:#39b5f2;
$head_line:#ff941a;

//$likey:#4490f7;
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { margin: 0; padding: 0; }
body,button,input,select,textarea{ font-size:14px; color:#666; }
body { background: #f3f6f7; width: 100%; min-width:1280px; }
fieldset, img { border:0; vertical-align: middle; display:inline; }
input, select, textarea { outline: none; border: none; }
textarea { resize: none; }
a{ text-decoration:none; color:#666;cursor:pointer;outline:none;}
a:hover{ text-decoration: none;}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom;}
p{padding-top: 5px}
legend{color:#000}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
table{border-collapse:collapse;border-spacing:0}
/*清浮动*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;/*ie6,7*/ clear:both; }
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

/*title*/

/*字体大小*/
.font_onetwo{font-size: 12px;}
//p{font-family: Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif}


/*浮动*/
.fl { float:left; }
.fr { float:right; }

/*通用宽度*/
.commonW { width: 1180px; height: auto; margin:0 auto;}
.commonWL { width: 1300px; height: auto; margin:0 auto;}

/***********************公用End*************************/

#moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps {
  z-index:2;
  width:50px;
  height:50px;
  right:10px;
  position:fixed;
  cursor:pointer;
  _position:absolute;
  _bottom:auto;
  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

#moquu_wxin {
  top:360px;
  _margin-top:360px
}
#moquu_wxin a {
  background:url(../img/sbtn.png) 0 -0px;
  right:0;
  float:left;
  width:50px;
  height:50px;
  text-indent:-9999px
}
#moquu_wxin a:hover {
  background:url(../img/sbtn.png) -50px -0px
}
#moquu_wshare {
  top:412px;
  _margin-top:412px
}
#moquu_wshare a {
  background:url(../img/sbtn.png) 0 -50px;
  width:50px;
  height:50px;
  right:0;
  float:left;
  text-indent:-9999px
}
#moquu_wshare a:hover {
  background:url(../img/sbtn.png) -50px -50px
}
#moquu_wmaps {
  top:464px;
  _margin-top:464px
}
#moquu_wmaps a {
  background:url(../img/sbtn.png) 0 -150px;
  width:50px;
  height:50px;
  right:0;
  float:left;
  text-indent:-9999px
}
#moquu_wmaps a:hover {
  background:url(../img/sbtn.png) -50px -150px
}
#moquu_top {
  top:516px;
  _margin-top:516px;
  background:url(../img/sbtn.png) 0 -101px;
  width:50px;
  height:50px
}
#moquu_top:hover {
  background:url(../img/sbtn.png) -50px -101px
}
.moquu_wxin,.moquu_wshare {
  position:relative;
  z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {
  display:block
}
.moquu_wxin .moquu_wxinh {
  position:absolute;
  display:none;
  left:-280px;
  top:-200px;
  width:275px;
  height:355px;
  background:url(../img/moquu_ico.png) -1px -482px no-repeat
}
.moquu_wshare .moquu_wshareh {
  position:absolute;
  display:none;
  left:-280px;
  top:-200px;
  width:275px;
  height:360px;
  background:url(../img/moquu_wshare.png) no-repeat
}
/***********************回到顶部*************************/



/*头部通用*/
.headerLine {
  width: 100%;
  height: 76px;
  background: #fff;
  margin:0 auto;
  box-shadow: 0 0 30px #ccc;
  -moz-box-shadow: 0 0 30px #ccc;
  -webkit-box-shadow: 0 0 30px #ccc;
  //4px 5px 9px 0px #ccc
}
.headerLine .nav {
  margin-left:10px;
}
.headerLine .nav li {
  float: left;
  width:auto;
  height:74px;
  line-height: 74px;
  margin:0 8px;
}
.headerLine .nav li a {
  font-size:18px;
  padding: 0 10px;
  color: #444;
  border-bottom:2px solid #fff;
}
.headerLine .nav li a:hover{
 // background: none;
  border-bottom:2px solid #eee;
}
.headerLine .nav li.active a {
  //background: none;
  border-bottom:2px solid $head_line;
  color: #000;
}
.headerLine .searchBox {
  position: relative;
  margin: 21px 0 0 20px;
}
.headerLine .searchBox .form-control {
  border:none;
  background: #f3f6f7;
  border-radius: 36px;
  width: 220px;
  font-size:12px;
}
.headerLine .searchBox .searchBtn {
  width: 22px;
  height: 22px;
  border:none;
  background: url(../img/icon_search.png) no-repeat left top;
  position: absolute;
  right:10px;
  top:5px;
}

.headerLine .shareDown {
  margin: 0;
}
.headerLine .shareDown li {
  text-align: center;
  line-height: 76px;
  position: relative;
}
.headerLine .shareDown li a:hover {
  //color: #39b5f2;
  text-decoration: none;
}
.headerLine .shareDown li .shareList {
  width: 90px;
  height: auto;
  border:1px solid #efefef;
  border-bottom:none;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  top:60px;
  left:-16px;
  overflow: hidden;
  display: none;
}
.headerLine .shareDown li .shareList li {
  height: 34px;
  line-height: 34px;
  width: 100%;
  font-size:12px;
  border-bottom:1px solid #efefef;
  margin:0;
  text-align: center;
}

.headerLine .shareDown li.share:hover .shareList {
  display: block;
}

.headerLine .shareDown  .share{
  float: left;
  margin-left: 25px;
}

/*底部通用*/
.foot {
  width: 100%;
  height: 246px;
  background: #fff;
  margin:20px auto 0;
  border-top: 1px solid $Win-border-color;
  box-shadow: 0 0 30px #ccc;
  -moz-box-shadow: 0 0 30px #ccc;
  -webkit-box-shadow: 0 0 30px #ccc;
}
.foot .wordInfo {
  width: 750px;
}
.foot .wordInfo ul {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-top: 40px;
}
.foot .wordInfo ul li {
  float: left;
  margin-right:70px;
}
.foot .wordInfo ul li a {
  line-height: 30px;
  font-size:16px;
  color: #666;
}
.© .wordInfo ul li a:hover {
  color: #365899;
}
.foot .wordInfo .linkOther {
  width: 100%;
  height: auto;
  float: left;
  margin-top:50px;
}
.foot .wordInfo .linkOther a {
  width: 22px;
  height: 22px;
  float: left;
  margin-right:10px;
}
.foot .wordInfo .linkOther a img {
  width: 22px;
  height: 22px;
  float: left;
}
.foot .wordInfo .copyright {
  width: 100%;
  float: left;
  height: auto;
  margin-top:10px;
  overflow: hidden;
}
.foot .wordInfo .copyright p {
  font-size:14px;
  color: #666;
  width: 100%;
  float: left;
  margin-bottom:10px;
}
.foot .wordInfo .copyright i {
  width: 100%;
  font-size:12px;
  color: #999;
  float: left;
  line-height: 20px;
}
.foot .footLogo {
  width: 170px;
  height: 180px;
  margin-top:40px;
}

/*问答 课程 线上班 筛选分类*/
.screenBox {
  width: 1180px;
  height: auto;
  background: #fff;
  margin:10px auto 0;
  overflow: hidden;
  border: 1px solid $Win-border-color;
}
.screenBox .title {
  width: 100%;
  height: 50px;
  line-break: 50px;
  margin:0 auto;
  padding:0 20px;
}
.screenBox .title h3 {
  font-size:18px;
  color: #333;
  line-height: 50px;
}
.screenBox .cont {
  width: 100%;
  height:auto;
  padding:0 20px;
  margin:0 auto;
  overflow: hidden;
}
.screenBox .cont .rowDiv {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: auto;
  border-top:1px solid #f3f6f7;
  overflow: hidden;
}
.screenBox .cont .rowDiv h3 {
  font-size:14px;
  float: left;
  color: #333;
  line-height:50px;
  font-weight: bold;
}
.screenBox .cont .rowDiv ul {
  float: left;
  overflow: hidden;
  margin:13px 0 0 20px;
}
.screenBox .cont .rowDiv ul li {
  float: left;
  margin:0 5px;
}
.screenBox .cont .rowDiv ul li a {
  width: auto;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  float: left;
  border-radius: 2px;
  font-size:14px;
  text-align: center;
}
.screenBox .cont .rowDiv ul li a:hover {
  background: #f1f1f1;
  color: #01a2f2;
}
.screenBox .cont .rowDiv ul li a.active {
  background: $likey;
  color: #fff;
}
.screenBox .cont .rowDiv .cashRange {
  float: left;
  margin:2px 0 0 50px;
}
.screenBox .cont .rowDiv .cashRange .form-group{
  float: left;
  margin-top:8px;
}
.screenBox .cont .rowDiv .cashRange .form-control {
  float: left;
  width: 60px;
  font-size:12px;
  height: 30px;
  line-height: 30px;
  padding:0 5px;
}
.screenBox .cont .rowDiv .cashRange span {
  float: left;
  margin: 0 10px;
  color: #333;
}
.screenBox .cont .rowDiv .cashRange .cashRangeBtn {
  width: 50px;
  height: 30px;
  background: #f7f7f7;
  border:1px solid #dbdbdb;
  padding:0;
  line-height: 30px;
  float: left;
  margin:8px 0 0 10px;
  border-radius: 3px;
  font-size:12px;
}
.screenNav {
  width:1180px;
  height: 50px;
  background: #fff;
  margin:10px auto 0;
  border: 1px solid $Win-border-color;
}
.screenNav .nav-pills>li>a {
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  padding:0 10px;
  margin:0 10px;
}
.screenNav .nav-pills>li.active>a{
  background: none;
  border-bottom:2px solid $likey;
  color: #333;
}
.screenNav .nav-pills>li.active>a:focus,.screenNav .nav-pills>li.active>a:hover {
  background: none;
  border-bottom:2px solid $likey;
  color: #333;
}
.screenNav .nav-pills>li>a:hover {
  background: none;
  border-bottom:2px solid $likey;
  color: #333;
}
.screenNav .nav .open>a, .screenNav .nav .open>a:focus, .screenNav .nav .open>a:hover {
  background: none;
  border-bottom:2px solid $likey;
  color: #333;
}
.screenNav .checkbox-inline {
  margin:15px 0 0 10px;
}
.screenNav .searchSx {
  height: 34px;
  margin: 8px 10px 0 0;
  position: relative;
}
.screenNav .searchSx p {
  float: left;
  font-size:12px;
  line-height: 34px;
  margin-right:10px;
  color: #999;
}
.screenNav .searchSx .form-group {
  float: left;
}
.screenNav .searchSx .form-group .form-control {
  font-size:12px;
  width: 150px;
}
.screenNav .searchSx a {
  width: 30px;
  height: 30px;
  float: left;
  margin:2px 0 0 10px;
}
.screenNav .searchSx span img {
  width: 30px;
  height: 30px;
}
.screenNav .searchSx .searchBtn {
  width: 18px;
  height: 18px;
  background: url(../img/icon_search.png) no-repeat left top;
  background-size:18px 18px;
  position: absolute;
  top:8px;
  right:90px;
  border:none;
}

/*视频 推荐课程通用样式*/
.recommendCont {
  width: 286px;
  height: auto;
}
.recommendCont .recommend {
  background: #fff;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid $Win-border-color;
}
.recommendCont .recommend .title {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #f3f6f7;
}
.recommendCont .recommend .title h3 {
  font-size: 16px;
  color: #333;
  line-height: 50px;
  border-bottom: 1px solid #333;
  float: left;
  font-weight: bold;
}
.recommendCont .recommend ul {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
  overflow: hidden;
}
.recommendCont .recommend ul li {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.recommendCont .recommend ul li a.tit {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #555;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px dashed #f3f6f7;
  text-decoration: none;
}
.recommendCont .recommend ul li a.tit:hover {
  color: #365899;
}
.recommendCont .recommend ul li .introduce {
  width: 100%;
  height: auto;
  float: left;
  display: none;
}
.recommendCont .recommend ul li .introduce img {
  width: 100%;
  height: 150px;
  float: left;
}
.recommendCont .recommend ul li .introduce p {
  float:left;
  font-size: 12px;
  line-height: 30px;
  color: #999;
}
.recommendCont .recommend ul li .introduce p i {
  color: #ff1a29;
  padding-right: 5px;
}
.recommendCont .recommend ul li .introduce a {
  float: right;
  font-size: 12px;
  color: #999;
  line-height: 30px;
}
.recommendCont .recommend ul li .introduce a:hover {
  color: #365899;
}
#recommend {
  margin-bottom: 10px;
}

.help-block strong{
  color: indianred;
}

